<template>
	<div class="more_type">
		<ion-content12>
			<div class="header">
				<div class="title">优选多种数字资产交易类型
					<div class="pointer_group">
						<img class="group" src="../../../../static/imgs/Group4.png">
					</div>
				</div>
				<div class="body">
					<img src="../../../../static/imgs/btc_polgyn.png" class="btc_polgyn" />
					<img src="../../../../static/imgs/image2.png" class="image2" />
					<img src="../../../../static/imgs/more_icon.png" class="more_icon" @mouseover="over" v-show="!show" />
					<img src="../../../../static/imgs/hover_more.png" class="more_icon" @mouseout="out" v-show="show" />
					<div class="more_icon_text" @mouseover="over">
						<div>More</div>
						<div class="more_second">了解更多...</div>
					</div>
					<svg width="991px" height="464px" viewBox="-1 71 991 464" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<defs>
							<pattern id="pattern-1" patternUnits="objectBoundingBox" x="-42.7209225%" width="142.720922%" height="100%">
								<!-- <use xlink:href="#image-2"
                                 transform="scale(1.49383708,1.49383708)"></use> -->
							</pattern>
							<!--<image id="image-2" width="216" height="149.28"
                         xlink:href="image2.png"></image> -->
							<polygon id="path-7" points="-1.13686838e-13 112.068276 64.5583117
                        224.386552 194.107948 224.636552 259.099272 112.568276
                        194.540961 0.25 64.9913244 0"></polygon>
							<mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="259.099272" height="224.636552" fill="white">
								<use xlink:href="#path-7"></use>
							</mask>
						</defs>
						<g id="Group-8" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(0.000000, 71.000000)">
							<path d="M342,233.931 L359.818184,264.931 L395.574063,265
                        L413.511759,234.069 L395.693575,203.069 L359.937696,203 L342,233.931
                         Z M315,117.260265 L358.354604,192.68842 L445.354604,192.85631
                         L489,117.596044 L445.645396,42.1678893 L358.645396,42 L315,117.260265 Z" id="Combined-Shape" fill="url(#pattern-1)"></path>
							<polygon id="Path-Copy-6" fill="url(#pattern-3)" points="2.87270208e-14 311.208118
                                 35.2596908 372.552778 106.01557
                                  372.68932 141.511759 311.481202 106.252068
                                  250.136542 35.4961885 250"></polygon>
							<polygon id="Path-Copy-7" fill="url(#pattern-5)" points="847 231.208118 882.259691 292.552778 953.01557
                                  292.68932 988.511759 231.481202 953.252068
                                  170.136542 882.496189 170"></polygon>
							<text id="了解更多..." font-family="PingFangSC-Regular, PingFang SC" font-size="14" font-weight="normal" fill="#FFFFFF">
                            <tspan x="873.456" y="243">了解更多...</tspan>
                        </text>
							<text id="More" font-family=".AppleSystemUIFont" font-size="14" font-weight="normal" fill="#FFFFFF">
                            <tspan x="875.381836" y="215">More</tspan>
                        </text>
							<g id="Group-2" transform="translate(91.000000, 87.000000)">
								<polygon id="Path" fill="#0093F1" points="-1.13686838e-13
                             112.068276 64.5583117 224.386552 194.107948
                              224.636552 259.099272 112.568276
                               194.540961 0.25 64.9913244 0"></polygon>
								<text id="BTC-首个基于区块链的数字资产，加密、" font-family=".AppleSystemUIFont" font-size="18" font-weight="normal" line-spacing="24" fill="#FFFFFF">
                                <tspan x="50" y="65">BTC</tspan>
                                <tspan x="50" y="89"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       line-spacing="14"></tspan>
                                <tspan x="50" y="103"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       font-size="14">首个基于区块链的数字资</tspan>
                                <tspan x="50" y="127"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       font-size="14">产，加密、透明。</tspan>
                            </text>
							</g>
							<g id="Group-5" transform="translate(436.000000, 119.000000)">
								<polygon id="Path-Copy-2" fill="#0093F1" points="-1.13686838e-13 112.068276 64.5583117
                                      224.386552 194.107948 224.636552 259.099272
                                       112.568276 194.540961 0.25 64.9913244 0"></polygon>
								<text id="ZEC-“零知识证明”，更安全，更具隐蔽" font-family=".AppleSystemUIFont" font-size="18" font-weight="normal" line-spacing="24" fill="#FFFFFF">
                                <tspan x="55" y="104">ZEC</tspan>
                                <tspan x="55" y="128"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       line-spacing="14"></tspan>
                                <tspan x="55" y="142"
                                       font-family="LucidaGrande,
                                       Lucida Grande" font-size="14">“</tspan>
                                <tspan x="60.5644531" y="142"
                                       font-family="PingFangSC-Regular,
                                       PingFang SC" font-size="14">零知识证明</tspan>
                                <tspan x="130.564453" y="142" font-family="LucidaGrande,
                                Lucida Grande" font-size="14">”</tspan>
                                <tspan x="136.128906" y="142" font-family="PingFangSC-Regular,
                                PingFang SC" font-size="14">，更安全，</tspan>
                                <tspan x="55" y="166"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       font-size="14">更具隐蔽性。</tspan>
                            </text>
							</g>
							<g id="Group-6" transform="translate(643.000000, 0.000000)">
								<polygon id="Path-Copy-3" fill="#0093F1" points="-1.13686838e-13 112.068276 64.5583117 224.386552
                                      194.107948 224.636552 259.099272
                                       112.568276 194.540961
                                        0.25 64.9913244 0"></polygon>
								<text id="ETC-源自以太坊区块链分叉，实现智能合" font-family=".AppleSystemUIFont" font-size="18" font-weight="normal" line-spacing="24" fill="#FFFFFF">
                                <tspan x="52" y="54">ETC</tspan>
                                <tspan x="52" y="78"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       line-spacing="14"></tspan>
                                <tspan x="52" y="92"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       font-size="14">源自以太坊区块链分叉，实</tspan>
                                <tspan x="52" y="116"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       font-size="14">现智能合约。</tspan>
                            </text>
							</g>
							<g id="Group-7" transform="translate(643.000000, 239.000000)">
								<use id="Path-Copy-4" stroke="#0093F1" mask="url(#mask-8)" stroke-width="8" xlink:href="#path-7"></use>
								<text id="ETH-新一代密码学账本，区块链数字资产" font-family=".AppleSystemUIFont" font-size="18" font-weight="normal" line-spacing="14" fill="#0093F1">
                                <tspan x="41" y="77">ETH</tspan>
                                <tspan x="46.5019531" y="97.3798828"
                                       font-family="PingFangSC-Regular, PingFang SC"></tspan>
                                <tspan x="46.5019531" y="111.379883"
                                       font-family="PingFangSC-Regular,
                                        PingFang SC" font-size="14"
                                       line-spacing="24">新一代密码学账本，区块链数字</tspan>
                                <tspan x="46.5019531" y="135.379883"
                                       font-family="PingFangSC-Regular, PingFang SC"
                                       font-size="14" line-spacing="24">资产</tspan>
                                <tspan x="74.5019531" y="135.379883"
                                       font-family="LucidaGrande, Lucida Grande"
                                       font-size="14" line-spacing="24">2.0</tspan>
                            </text>
							</g>
						</g>
					</svg>
				</div>
			</div>
			</ion-content12>
	</div>
</template>

<script>
	export default {
		name: 'login_pannel',
		data() {
			return {
				show: false,
			}
		},
		components: {}, //这里注册
		methods: {
			over() {
				this.show = true;
			},
			out() {
				this.show = false;
			},
		},
		mounted() {
			var that = this;
		},
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	.more_type {
		.title {
			margin: 40px auto;
			width: 240px;
			color: #1B1E23;
			font-size: 18px;
		}
		.body {
			width: 991px;
			margin: 0 auto 40px;
			position: relative;
			margin-top: 40px;
			.btc_polgyn {
				width: 141px;
				height: 122px;
				position: absolute;
				bottom: 100px;
			}
			.image2 {
				width: 174px;
				height: 223px;
				position: absolute;
				left: 316px;
				top: 43px;
			}
			.more_icon {
				width: 141px;
				height: 122px;
				position: absolute;
				right: 6px;
				top: 172px;
				cursor: pointer;
			}
			.more_icon_text {
				position: absolute;
				right: 50px;
				top: 202px;
				cursor: pointer;
				color: #fff;
				font-size: 14px;
				.more_second {
					margin-top: 10px;
				}
			}
		}
		.pointer_group {
			display: inline-block;
			.group {
				height: 14px;
				margin-left: 10px;
				margin-top: -2px;
			}
		}
	}
</style>